<template>
  <div class="document-manager-list">
    <van-nav-bar title="单据类型" fixed>
      <!--<van-icon name="arrow-left" slot="left"/>-->
      <!--<van-icon name="search" slot="left"/>-->
    </van-nav-bar>
    <div class="document-content">
      <div class="document-content-content">
        <div class="content-item">
          <van-button
            round
            type="info"
            style="width: 100%"
            @click="choiceStatus('R','/enter')"
            >入库
          </van-button>
        </div>
        <div class="content-item">
          <van-button
            round
            type="primary"
            style="width: 100%"
            @click="choiceStatus('I','/out')"
            >出库
          </van-button>
        </div>
        <div class="content-item">
          <van-button
            round
            type="warning"
            style="width: 100%"
            @click="choiceStatus('M','/move')"
            >移库
          </van-button>
        </div>
        <div class="content-item">
          <van-button
            round
            type="default"
            style="width: 100%"
            @click="choiceStatus('A','')"
            >调整
          </van-button>
          <!--<div @click="choiceStatus(3)">-->
          <!--<div>-->
          <!--<van-icon name="todo-list-o" size="40"/>-->
          <!--</div>-->
          <!--<div class="content-item-title">调整</div>-->
          <!--</div>-->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "DocumentManagerList",
  data() {
    return {};
  },
  methods: {
    choiceStatus(status,pathStr) {
      this.$router.push({
        path: "/items"+pathStr,
        query: { status: status }
      });
    }
  }
};
</script>

<style scoped lang="scss">
.document-manager-list {
  position: relative;
  .document-content {
    position: relative;
    top: 46px;
    height: calc(100% - 50px);
    margin-bottom: 10px;
    /*border: solid 1px yellow;*/
    display: flex;
    align-items: center;
    justify-content: center;
    .document-content-content {
      padding: 5px;
      display: block;
      /*background: #fff;*/
      width: 90%;
      border-radius: 4px;
      font-size: 14px;
      /*height: 230px;*/
      position: relative;
      /*transition: all .2s ease-in-out;*/
      /*box-shadow: 0 1px 6px rgba(0, 0, 0, .2);*/
      /*border-color: #eee;*/
      .content-item {
        width: 100%;
        text-align: center;
        padding-bottom: 25px;
        .content-item-title {
          font-weight: bold;
        }
      }
    }
    .document-content-content-flex {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }
  }
}
</style>
